import * as YvanUI from "yvan-ui-wotu"

const React = YvanUI.React
const _ = YvanUI.lodash

interface Ref {
    theForm: YvanUI.Form
}

// @ts-ignore
const getPinyin = window.getFirstPinyin2

export default class DemoFilter extends YvanUI.Scope<void, Ref> {

    main = this.$$({
        f1: ''
    })

    vjson = {
        view: 'page',
        title: '数据筛选',
        items: [
            {
                view: 'card',
                items: [
                    {
                        view: 'form',
                        debug: 'main',
                        ref: 'theForm',
                        rows: [
                            <div style={{paddingBottom: '12px'}}>
                                分公司”下拉框搜索支持：
                                <li>1.支持分公司标识的模糊匹配（不区分大小写）；</li>
                                <li>2.支持分公司名称的首字母模糊匹配（不区分大小写）；</li>
                                <li>3.支持分公司名称的模糊匹配，且支持以逗号（全角或半角）隔开的字词匹配，并自动去空格，如“南京， 物流 ”可以匹配出“南京九州通物流技术开发有限公司”。</li>
                                （该功能推广至主数据所有界面的公司搜索框。）
                            </div>,
                            {
                                cols: [
                                    {
                                        view: 'select',
                                        bind: 'main.f1',
                                        label: '筛选',
                                        data: [
                                            {label: 'FC1-集团物流公司', value: 'FDG'},
                                            {label: 'FC2-河南九州通物流公司', value: 'FC2'},
                                            {label: 'FC3-河南九州通医药公司', value: 'FDW'},
                                            {label: 'FC4-湖南九州通物流公司', value: 'FC4'},
                                            {label: 'FC5-湖南九州通医药公司', value: 'FHL'},
                                            {label: 'FC6-海南九州通物流公司', value: 'FC6'},
                                            {label: 'FC7-海南九州通医药公司', value: 'FN9'},
                                            {label: 'FC8-上海九州通物流公司', value: 'FC8'},
                                            {label: 'FC9-上海九州通医药公司', value: 'FDL'},
                                            {label: 'FCA-山东九州通物流公司', value: 'FCA'},
                                            {label: 'FCB-山东九州通医药公司', value: 'FQ8'},
                                        ]
                                    }
                                ]
                            },
                        ]
                    }
                ]
            }
        ]
    }
}